<template>
  <div class="line_mod" :class="themeClass">
    <v-nav :title="$t('Line.switch lines')"></v-nav>
    <div class="line_mod_box">
      <van-cell title="lines1" is-link />
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      isDayTime: false
    }
  },
  computed: {
    userInfo() {
      return JSON.parse(localStorage.getItem('userInfo'))
    },
    themeClass() {
      return this.isDayTime ? '' : 'darknight'
    },
    bgColor() {
      return this.isDayTime ? 'black' : 'white'
    },
    themeClass1() {
      return this.isDayTime ? '' : 'dark_li_color'
    }
  },
  watch: {
    '$store.state.nightMode': {
      handler(newVal) {
        this.isDayTime = newVal
      },
      immediate: true
    }
  }
}
</script>

<style lang="less" scoped>
@import url('./index.less');
.line_mod {
  min-height: 100vh;
  background-color: #f3f3f3;
  &_box {
    padding: 12px;
    .van-cell {
      padding: 8px 12px;
      height: 32px;
      align-items: center;
      background-color: white;
      margin-bottom: 12px;
      font-family: Roboto-Medium, Roboto;
      font-weight: 600;
      border-radius: 4px;
    }
  }
}
</style>
